<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">

<%  
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
%>  
<base href="<%=basePath%>">
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="<%=path%>/views/static/layui-v2.5.6/layui/css/layui.css" media="all">
		<link rel="stylesheet" href="<%=path%>/views/static/layui-v2.5.6/layui/css/modules/laydate/default/laydate.css">
		<style type="text/css">
			  .container{
				  width: 420px;
				  height: 550px;
				  min-height: 420px;  
				  max-height: 505px;  
				  position: absolute;   
				  top: 0;  
				  left: 0;  
				  bottom: 0;  
				  right: 0;  
				  margin: auto;  
				  padding: 20px;  
				  z-index: 130;  
				  border-radius: 8px;  
				  background-color:#F8F8F8;
				  box-shadow: 0 3px 18px rgba(100, 0, 0, .5); 
				  font-size: 16px;
				
			  }
			  .close{
				  background-color: white;
				  border: none;
				  font-size: 18px;
				  margin-left: 410px;
				  margin-top: -10px;
			  }
 
			.layui-input{
				border-radius: 5px;
				width: 300px;
				height: 40px;
				font-size: 15px;
			}
			.layui-form-item{
				margin-left: -20px;
			}
			#logoid{ 
				margin-top: -16px;
				  padding-left:140px; 
				  padding-bottom: 15px;
			}
			.layui-btn{
				margin-left: -50px;
				border-radius: 5px;
				width: 350px;
				height: 40px;
				font-size: 15px;
			}
			.verity{
				width: 120px;
			}
			.font-set{
				font-size: 13px;
				text-decoration: none; 
				margin-left: 120px;
			}
			a:hover{
			 text-decoration: underline; 
			}
			
			#atuo{
				position:relative;
				top: 5px;
			}
			
			#rmbpw{
				position:relative;
				top: 5px;
			}
			
 
		</style>
	</head>
	<body id="bd" background="<%=path%>/views/static/imgs/background.png" style="background-repeat: no-repeat;background-size: 100% 100%;background-attachment: fixed;">
		<form class="layui-form" action="controller/addUser.action" method="post" onsubmit="return eg.regCheck();">
			<div class="container" style="position: relative; left: 400px; top: 150px;">
				<button class="close" title="关闭">X</button>
				<div class="layui-form-mid layui-word-aux">
					<img src="<%=path%>/views/static/imgs/登录.png" width="140" height="72" id="logoid">    				
				</div>
			  <div class="layui-form-item">
				<label class="layui-form-label"><i class="layui-icon layui-icon-username" style="font-size: 25px; color: #1E9FFF;"></i></label>
				<div class="layui-input-block">
				  <input type="text" name="uname" required  lay-verify="required" placeholder="请输入手机号" autocomplete="off" class="layui-input">
				</div>
			  </div>
			  <div class="layui-form-item">
				<label class="layui-form-label"><i class="layui-icon layui-icon-password" style="font-size: 25px; color: #1E9FFF;"></i></label>
				<div class="layui-input-inline">
				  <input type="password" name="upwd" id="user_password" required lay-verify="required" placeholder="设置密码" autocomplete="off" class="layui-input">
				</div>
				<!-- <div class="layui-form-mid layui-word-aux">辅助文字</div> -->
			  </div>
			  
			  <div class="layui-form-item">
				<label class="layui-form-label"><i class="layui-icon layui-icon-password" style="font-size: 25px; color: #1E9FFF;"></i></label>
				<div class="layui-input-inline">
				  <input type="password" name="upwd1" id="user_confirm_password" required lay-verify="required" placeholder="确认密码" autocomplete="off" class="layui-input">
				</div>
				<!-- <div class="layui-form-mid layui-word-aux">辅助文字</div> -->
			  </div>
			  

			  <div class="layui-form-item">
				<label class="layui-form-label"><i class="layui-icon layui-icon-email" style="font-size: 25px; color: #1E9FFF;"></i></label>
				<div class="layui-input-inline">
				  <input type="text" name="email" required lay-verify="required" placeholder="输入邮箱" autocomplete="off" class="layui-input">
				</div>
				<!-- <div class="layui-form-mid layui-word-aux">辅助文字</div> -->
			  </div>
				
			  <div class="layui-form-item">
			    <label class="layui-form-label"><i class="layui-icon layui-icon-user" style="font-size: 25px; color: #1E9FFF;"></i></label>
			    <div class="layui-input-block" style="width: 300px;">
			      <select name="role" lay-filter="aihao">
			      	<option value="0" disabled>考生</option>
			        <option value="1" selected>学长/学姐</option>
			        <option value="2" disabled>管理员</option>
			      </select>
			    </div>
  			  </div>


			  <div style="position: relative;left: -20px;">
			  <label class="layui-form-label"><span style="position: relative;top: -5px; color: #1E9FFF;"></span><i class="layui-icon layui-icon-date" style="font-size: 25px; color: #1E9FFF;"></i></label>
			  <div class="layui-inline">
				<input type="text" name="birthday" class="layui-input" id="test1" placeholder="您的生日">
			  </div>
			</div>
			   <script src="<%=path%>/views/static/layui-v2.5.6/layui/layui.js"></script>
			   
				<script>
				layui.use('laydate', function(){
				var laydate = layui.laydate;
			   
			   //执行一个laydate实例
				laydate.render({
				elem: '#test1' //指定元素
				,theme: '#383D72'
				});
				});
				</script>
			  
			  
 
			  <div class="layui-form-item" style="position: relative;top: 10px;">
				<div class="layui-input-block">
				  <button class="layui-btn layui-btn layui-btn layui-btn-warm layui-btn-radius" lay-submit lay-fil	ter="formDemo" >立即注册></button>	     
				</div>
			  </div>
			  <div style="position: relative;left:120px;top: 5px;">
				 <span style="font-size:15px;position: relative;left: 100px;">已有易研讯账号?</span><a href="senior_login.jsp" class="font-set" style="position: relative;left: -10px;"><span style="color: #1E9FFF;font-size:15px;">立即登录></span></a>
			  </div>

			</div>
		</form>

	<div style="position: relative;top: -400px;left: 200px;">
		<span style="font-size:60px; color:white;font-weight:bold;">用科技</span>
		<br>
		<span style="font-size:30px;color:white;font-weight: lighter;">让考研简单不孤单</span>
	</div>

	<div style="position:relative;left: 100px;">
		<a href="#"><span style="color: white;">帮助中心</span></a>&nbsp;&nbsp;<span style="color: white;">|</span>&nbsp;&nbsp;
		<a href="#"><i class="layui-icon layui-icon-chat" style="font-size: 20px; color:white;"></i></a>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<span style="color: white;">2020@Yiyanxun</span>

	</div>

		<script type="text/javascript" src="<%=path%>/views/static/layui-v2.5.6/layui/layui.js"></script>

		<script type="text/javascript" src="<%=path%>/views/static/layui-v2.5.6/layui/lay/modules/laydate.js"></script>
		

		<script>
			laydate.render({
				elem: '#test1'
				,type:'datetime'
			});
		</script>
		
		<script>
			layui.use(['form', 'layedit', 'laydate'], function(){
			  var form = layui.form
			  ,layer = layui.layer
			  ,layedit = layui.layedit
			  ,laydate = layui.laydate;
			  
			  
			  //监听提交
			  form.on('submit(demo1)', function(data){
				layer.alert(JSON.stringify(data.field), {
				  title: '最终的提交信息'
				})
				return false;
			  });
			 
			});
			</script>
			
			
	<script>
		var eg = {};
		eg.$ = function(id){
			return document.getElementById(id);
		};
	
		eg.regCheck = function(){
			var upwd = eg.$("user_password");
			var upwd1 = eg.$("user_confirm_password");
	
			if(upwd.value != upwd1.value){
				alert('密码不一致！！！');
				return false;
			}

		return true;
			};
	</script>
	
	
	</body>
</html>